<!--
 * @Author: your name
 * @Date: 2019-10-26 10:00:38
 * @LastEditTime: 2019-10-26 10:18:19
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue_plugins\src\views\Kline.vue
 -->
<template>
<div class="mychart" ref="mychart">

</div>
</template>
<script>
import option from "@/utils/kline_option.js";
export default {
    name:'Kline',
    data(){
        return{
            
        }
    },
    mounted(){
        this.initChart();
    },
    methods: {
        initChart(){
            let dom = this.$refs.mychart;
            let mychart =this.$echarts.init(dom);
            mychart.setOption(option);
        }
    },
}
</script>
<style lang="less">
.mychart{
    width:100vw;
    height:400px;
    margin: 0 auto;
}
</style>